<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width; initial-scale=1.0">
    <meta name="viewport"
          content="height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <title>Title</title>
    <link rel="shortcut icon" th:href="@{/static/favicon.ico}">
    <link type="text/css" th:href="@{/static/css/loginCss.css}" rel="stylesheet">
    <link type="text/css" th:href="@{/static/css/font-awesome.css}" rel="stylesheet">
    <script type="text/javascript" th:src="@{/static/js/loginJs.js}"></script>
    <!--    <script type="text/javascript" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>-->
</head>
<body>
<form th:action="@{/main}" method="get">
    <div id="content" class="content">
        <img id="img" src="../static/img/login.jpg">

        <!--        头部-->
        <div class="head">
            <div class="head-title">
                <h1>博客</h1>
            </div>
            <!--                    后端完善后添加路径-->
            <div class="head-nav">
                <ul>
                    <li><a href="#">商城</a></li>
                    <li><a href="#">特权通道</a></li>
                </ul>
            </div>
            <div class="head-enrol">
                <ul>
                    <li><a th:href="@{/PwdModify}">找回密码</a></li>
                    <li><a th:href="@{/enrolUser}">注册</a></li>
                </ul>
            </div>
        </div>
        <!--        头部结束-->


        <!--        表单部分-->
        <div id="main" class="main">
            <div class="main-title">
                <h2>登录</h2>
            </div>
            <div class="main-username">
                <i class="fa fa-user-o fa-2x" aria-hidden="true"></i>
                <input type="text" name="username" placeholder="账号">
            </div>
            <div class="main-pwd">
                <i class="fa fa-lock fa-2x" aria-hidden="true"></i>
                <input type="password" name="password" placeholder="密码">
            </div>
            <div class="main-submit">
                <input type="submit" value="确定">
                <label style="color: red" th:text="${msg}"></label>
            </div>
        </div>
        <!--        表单部分结束-->
    </div>
</form>
</body>
</html>